<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>PHPCMS演示站</title>
<meta name="keywords" content="PHPCMS演示站">
<meta name="description" content="PHPCMS演示站">
<link href="/statics/skin/css/style.css" rel="stylesheet" type="text/css" />
<link href="/statics/skin/css/media.css" rel="stylesheet" type="text/css">
<link href="/statics/skin/css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/statics/skin/css/font-awesome.min.css">
<link rel="stylesheet" href="/statics/skin/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="/statics/skin/css/idangerous.swiper.css">
<script type="text/javascript" src="/statics/skin/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/statics/skin/js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="/statics/skin/js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="/statics/skin/js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="/statics/skin/js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  <div class="intop">
  <div class="content">
    <div class="fl">欢迎本公司网站</div>
    <div class="clean"></div>
  </div>
</div>
<div class="header">
  <div class="content">
    <div class="logo"><img alt="" src="http://phpcms.top/uploadfile/2021/1027/20211027085041935.png" style="width: 371px; height: 84px;" /></div>
    <div class="title">专注精密制造<span>10</span>载以上<br/>
      专业<span>点胶阀喷嘴,撞针,精密机械零件</span>加工厂家</div>
    <div class="nav_handle"><em class="middle_holder"></em><b class="middle"><i class="l_1"></i><i class="l_2"></i></b></div>
    <div class="phone">
      <div class="tit">联系方式</div>
      <i class="fa fa-phone"></i> 400-0000-0000<br/>
      <i class="fa fa-phone"></i> 11111111111 </div>
    <div class="clean"></div>
  </div>
</div>
<div class="inmuen">
  <div class="content">
                <ul>
            <li><a href="/"><span>首页</span></a></li>
                        <li><a href="http://phpcms.top/html/about/"><span>网站介绍</span></a></li>
                        <li><a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=6"><span>新闻中心</span></a></li>
                        <li><a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=7"><span>案例展示</span></a></li>
                        <li><a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=8"><span>产品展示</span></a></li>
                        <li><a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=13"><span>品质保证</span></a></li>
                        <div class="clean"></div>
            </ul>
          </div>
</div>  <div class="banner">
    <div class="swiper-wrapper"> 
         
                              <div class="swiper-slide"><a href="http://www.phpcms.cn"><img alt="banner" src="http://phpcms.top/uploadfile/2021/1027/20211027094218615.jpg"></a></div>
                              <div class="swiper-slide"><a href=""><img alt="" src="http://phpcms.top/uploadfile/2021/1027/20211027100500299.jpg"></a></div>
                    </div>
    <a class="banner-left" href="javascript:void(0);"><i class="fa fa-angle-left"></i></a> <a class="banner-right" href="javascript:void(0);"><i class="fa fa-angle-right"></i></a>
    <div class="pagination"></div>
  </div>
  <div class="inkey">
    <div class="content wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"> 关键词搜索： 关键词1&nbsp; </div>
  </div>
   
    <div class="injiagong">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">案例展示</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">汽车行业汽车行业</div>
      <div class="bd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
                                    <li><a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=16">
            <div class="li">
              <div class="pic"><img alt="汽车行业" src="http://phpcms.top/uploadfile/2021/1027/thumb_110_0_20211027102444747.jpg" class="tupian" loadwidth="310" loadheight="310"></div>
              <div class="wz">
                <div class="tit">汽车行业</div>
                <div class="jj">汽车行业汽车行业</div>
              </div>
            </div>
            </a></li>
                                </ul>
      </div>
      <div class="clean"></div>
    </div>
  </div>
    <script type="text/javascript">
        if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
        jQuery(".injiagong").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
    </script>
  <div class="inpro">
    <div class="content">
      <div class="leftnav wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="lmtit">
          <div class="en">Products</div>
          <div class="cn">产品加工实例</div>
        </div>
                        <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=9">
        <div class="tit">分类一</div>
        </a> 
                <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=10" class="li">三级</a><span> | </span>
                            </div>
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
                            <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=7&id=1">
          <li>
            <div class="pic"><img src="http://phpcms.top/uploadfile/2021/1027/thumb_110_0_20211027102444747.jpg" alt="案例展示" class="tupian" loadwidth="300" loadheight="300"></div>
            <div class="tit">案例展示</div>
          </li>
          </a>
                            <div class="clean"></div>
        </ul>
      </div>
      <div class="clean"></div>
    </div>
  </div>
  <div class="inyoushi">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">选择我们的<span>4</span>个理由</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">专注加工生产为一体的生产厂家，精密五金件CNC加工及非标定制加工</div>
      <div class="nr">
        <div class="xian"></div>
         
                              <div class="li li1 wz1">
              <div class="pic wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084314671.jpg" alt="" class="tupian" loadwidth="580" loadheight="395"></div>
              <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
              <div class="wz">
                <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
                <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">70%的新客户来源于老客户介绍，<br />
              在中国为你生产日本品质的精密机械加工件，<br />
              可对应中/日/英 多语言图纸。</div>
              </div>
              <div class="clean"></div>
            </div>
                              <div class="li li2 wz2">
              <div class="pic wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084245760.jpg" alt="" class="tupian" loadwidth="580" loadheight="395"></div>
              <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
              <div class="wz">
                <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
                <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">打样3~7天，批量7~10天可交货，<br />
              使用国内和国际知名物流 顺丰，DHL，UPS等，<br />
              省内客户，紧急情况开车送货。</div>
              </div>
              <div class="clean"></div>
            </div>
                              <div class="li li1 wz3">
              <div class="pic wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084140187.jpg" alt="" class="tupian" loadwidth="580" loadheight="395"></div>
              <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">03</div>
              <div class="wz">
                <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
                <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">公司创始人从事精密机械加工20年以上，<br />
              拥有10多位从事精密机械加工20多年的技术师，<br />
              免费提供技术咨询和技术交换。</div>
              </div>
              <div class="clean"></div>
            </div>
                              <div class="li li2 wz4">
              <div class="pic wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084216374.jpg" alt="" class="tupian" loadwidth="580" loadheight="395"></div>
              <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">04</div>
              <div class="wz">
                <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
                <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">1年365天，1天24小时在线为您提供报价，咨询，<br />
              多品种小批量的对应体制，1个也能加工，<br />
              圆的，方的，异形的，都能解决。</div>
              </div>
              <div class="clean"></div>
            </div>
                      </div>
    </div>
  </div>
  <div class="inpinzhi">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">品质保证</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
      <div class="hd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
                                    <li>加工设备</li>
                        <li>检测设备</li>
                                  <div class="clean"></div>
        </ul>
      </div>
      <div class="bd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
          <div class="li">
                                        <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=14&id=8">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084140187.jpg" alt="设备3"></div>
                  <div class="tit">设备3</div>
                </li>
                </a> 
                            <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=14&id=7">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084314671.jpg" alt="设备2"></div>
                  <div class="tit">设备2</div>
                </li>
                </a> 
                                </div>
          <li class="one">

            <div class="zy_media">
              <img src="http://phpcms.top/uploadfile/2021/1104/20211104084314671.jpg">
            </div>
            <script src="/statics/skin/js/zy.media.js"></script> 
            <script>
                if ($(window).width() >1300){
                    zymedia('video', {videoHeight: 446});
                }else if ($(window).width() >850 && $(window).width()<1300){
                    zymedia('video', {videoHeight: 412});
                }else{
                    zymedia('video');
                }
            </script> 
          </li>
          <div class="li"> 
                                        <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=14&id=5">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1103/20211103032338625.jpg" alt="设备1"></div>
                  <div class="tit">设备1</div>
                </li>
                </a> 
                            <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=14&id=3">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1104/20211104091032713.jpg" alt="设备"></div>
                  <div class="tit">设备</div>
                </li>
                </a> 
                                </div>
          <div class="clean"></div>
        </ul>
        <ul>
          <div class="li"> 
                                        <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=15&id=9">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1104/20211104084140187.jpg" alt="设备3"></div>
                  <div class="tit">设备3</div>
                </li>
                </a> 
                            <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=15&id=6">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1103/20211103032338625.jpg" alt="设备1"></div>
                  <div class="tit">设备1</div>
                </li>
                </a> 
                                </div>
          <li class="one">
            <link rel="stylesheet" href="/statics/skin/css/zy.media.min.css">
            <div class="zy_media">
              <img src="http://phpcms.top/uploadfile/2021/1104/20211104084140187.jpg">
            </div>
            <script src="/statics/skin/js/zy.media.js"></script> 
            <script>
                            if ($(window).width() >1300){
                                zymedia('video', {videoHeight: 446});
                            }else if ($(window).width() >850 && $(window).width()<1300){
                                zymedia('video', {videoHeight: 412});
                            }else{
                                zymedia('video');
                            }
                        </script> 
          </li>
          <div class="li">
                                        <a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=15&id=4">
                <li>
                  <div class="pic tupian" loadwidth="320" loadheight="220"><img src="http://phpcms.top/uploadfile/2021/1104/20211104091032713.jpg" alt="设备"></div>
                  <div class="tit">设备</div>
                </li>
                </a> 
                                  </div>
          <div class="clean"></div>
        </ul>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        jQuery(".inpinzhi").slide({});
    </script>
  <div class="incase">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">客户应用案例</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">多行业应用领域客户的共同见证</div>
      <div class="nr wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="hd">
          <ul>
                                                <li>
              <div class="ico"><img src="/statics/skin/images/x1.png" alt="汽车行业"></div>
              <div class="cn">汽车行业</div>
              <div class="en">汽车行业汽车行业</div>
            </li>
                                    <div class="clean"></div>
          </ul>
        </div>
        <div class="bd"> 
                                        <ul>
                                                            <li>
                      <div class="pic"><img src="" alt="" class="tupian" loadwidth="915" loadheight="540"></div>
                      <div class="wz">
                        <div class="tit"></div>
                        <div class="jj">汽车行业汽车行业<a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=16">[查看更多]</a></div>
                      </div>
                    </li>
                                                          </ul>
                                  </div>
        <div class="clean"></div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        jQuery(".incase").slide({});
    </script> 
  <div class="innews">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">新闻中心</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">传递前沿资讯 掌握行业动态</div>
      <div class="list wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="slmtit"><span>公司新闻 /</span>
          <div class="xian"></div>
          <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=11">更多+</a></div>
        <div class="inque">
          <div class="nr">
            <ul>
                                <ul class="content news-photo picbig">
                                      <li class="on">
                        <div class="tit"><span>-</span><a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=11&id=1" title="测试新闻">测试新闻</a></div>
                      </li>
                                    </ul>
                            </ul>
          </div>
        </div>
      </div>
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="zhichi">
          <div class="slmtit"><span>常见问题 /</span>
            <div class="xian"></div>
            <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=12">更多+</a></div>
        </div>
        <div class="inque">
          <div class="nr">
            <ul>
                                <ul class="content news-photo picbig">
                                      <li class="on">
                        <div class="tit"><span>-</span><a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=12&id=2" title="测试问题">测试问题</a></div>
                        <div class="jj">测试问题<a href="http://phpcms.top/index.php?m=content&c=index&a=show&catid=12&id=2" title="测试问题">【详细】</a></div>
                      </li>
                                    </ul>
                            </ul>
          </div>
        </div>
        <script type="text/javascript">
                    $(".inque .nr ul li").click(function(){
                        $(".inque .nr ul li").removeClass("on");
                        $(".inque .nr ul li").find(".tit span").html("+");
                        $(this).addClass("on");
                        $(this).find(".tit span").html("-");
                    });
                </script> 
      </div>
      <div class="clean"></div>
    </div>
  </div>
  <div class="inabout">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">关于我们</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">描述</div>
      <div class="nr wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <div style="text-align:left;"> 广州市某某模具有限公司创立于2007年1月1日，目前员工人数达125名。 作为一家专业的精密机械设备零件加工生产制造服务商，广州市某某公司秉持以客户第一为经营理念及方针，多年来通过优异的品质、交期及服务深受海内外客户...</div>
      </div>
      <a href="http://phpcms.top/html/about/aboutus/" class="more wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">查看详情+</a> </div>
  </div>
  <div class="footer">
  <div class="content">
    <div class="fnav">
      <div class="tit">主营业务</div>
                      <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=9">
        分类一        </a> 
                    </div>
    <div class="fnav">
      <div class="tit">关于我们</div>
                          </div>
    <div class="fnav">
      <div class="tit">案例展示</div>
                      <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=16">
        汽车行业        </a> 
                    </div>
    <div class="fnav">
      <div class="tit">新闻中心</div>
                      <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=11">
        公司新闻        </a> 
                <a href="http://phpcms.top/index.php?m=content&c=index&a=lists&catid=12">
        常见问题        </a> 
                    </div>
    <div class="fcon">
      <div class="tit">联络我们</div>
      <div class="nr">  座机：1111<br />
Q Q：22222<br />
333333<br />
Email:&nbsp;444444<br />
5555555<br />      </div>
    </div>
    <div class="clean"></div>
  </div>
  <div class="banq">
    <div class="content"> 网站备案号：</div>
  </div>
</div>
<div class="Bottomerkg"></div>
<div class="Bottomer">
  <nav class="BottomList">
    <ul>
      <li><a href="/"><img src="/statics/skin/images/bottom-home.png"></a><span>首页</span></li>
      <li><a href="http://phpcms.top/html/about/aboutus/"><img src="/statics/skin/images/bottom-about.png"></a><span>关于我们</span></li>
      <li><a href='tel:400-0000-0000'><img src="/statics/skin/images/bottom-phone.png"></a><span>拨打电话</span></li>
      <li><a href='https://wpa.qq.com/msgrd?v=3&amp;uin=11111111111&amp;site=qq&amp;menu=yes'><img src="/statics/skin/images/bottom-qq.png"></a><span>QQ</span></li>
    </ul>
  </nav>
</div>
<script data-cfasync="false" src="/statics/skin/js/email-decode.min.js"></script> 
<script type="text/javascript" src="/statics/skin/js/web.js"></script> 
<script type="text/javascript" src="/statics/skin/js/jquery.waypoints.min.js"></script> 
<script type="text/javascript" src="/statics/skin/js/jquery.countup.min.js"></script> 
<script type="text/javascript">
    	$('.timer').countUp();
    </script>
<style type="text/css">
.client-2{position:fixed;right:-170px;bottom:20%;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:62px;position:relative}
.client-2 li i{background:url(/statics/skin/images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center}
.client-2 li p{height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{float:left;width:62px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:14px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#03a3e6;color:#fff;height:53px;width:230px;padding:9px 0 0;float:left}
.client-2 .my-kefu-main{background:#03a3e6;width:97px;height:53px;position:relative;padding:9px 0 0;float:left}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
</style>
<div class="client-2">
  <ul id="client-2">
    <li class="my-kefu-tel">
      <div class="my-kefu-tel-main">
        <div class="my-kefu-left"> <i></i>
          <p> 服务热线 </p>
        </div>
        <div class="my-kefu-tel-right" phone400="">400-0000-0000</div>
      </div>
    </li>
    <li class="my-kefu-qq">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a class="online-contact-btn" href='https://wpa.qq.com/msgrd?v=3&amp;uin=11111111111&amp;site=qq&amp;menu=yes' qq="" target="_blank"> <i></i>
          <p>在线咨询</p>
          </a> </div>
        <div class="my-kefu-right"></div>
      </div>
    </li>
    <li class="my-kefu-weixin">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a class="online-contact-btn"> <i></i>
          <p>微信</p>
          </a> </div>
        <div class="my-kefu-right"></div>
        <div class="my-kefu-weixin-pic"><img alt="" src="http://phpcms.top/uploadfile/2021/1103/20211103104348285.gif" style="width: 240px; height: 180px;" /></div>
      </div>
    </li>
    <li class="my-kefu-ftop">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a href="javascript:;"> <i></i>
          <p> 返回顶部 </p>
          </a> </div>
        <div class="my-kefu-right"> </div>
      </div>
    </li>
  </ul>
</div>
<script type="text/javascript">
$(function() {
	var time;
	$('.client-2').css({
		'marginTop': -($('.client-2').height() / 2)
	});
	$('#client-2 li').on({
		'mouseenter': function() {
			var scope = this;
			time = setTimeout(function() {
				var divDom = $(scope).children('div');
				var maxWidth = divDom.width();
				$(scope).stop().animate({
					left: 77 - maxWidth
				}, 'normal', function() {
					var pic = $(scope).find('.my-kefu-weixin-pic');
					if (pic.length > 0) {
						pic.show()
					}
				})
			}, 100)
		},
		'mouseleave': function() {
			var pic = $(this).find('.my-kefu-weixin-pic');
			var divDom = $(this).children('div');
			var maxWidth = divDom.width();
			if (pic.length > 0) {
				pic.hide()
			}
			clearTimeout(time);
			var divDom = $(this).children('div');
			$(this).stop().animate({
				left: 0
			}, "normal", function() {})
		}
	});
	$(window).scroll(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		var eltop = $("#client-2").find(".my-kefu-ftop");
		if (scrollTop > 0) {
			eltop.show()
		} else {
			eltop.hide()
		}
	});
	$("#client-2").find(".my-kefu-ftop").click(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		if (scrollTop > 0) {
			$("html,body").animate({
				scrollTop: 0
			}, "slow")
		}
	})
});
</script>    </div>
</body>
</html>